<%@page import="com.lee.entity.Food"%>
<%@page import="com.lee.dao.impl.OrderDaoImpl,com.lee.dao.*"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/querendingdan.css"/>
		<link rel="stylesheet" type="text/css" href="css/dingdanxiangqing.css"/>
		<script>
			var iScale = 1;
			iScale = iScale / window.devicePixelRatio;
			document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">')
		</script>
		<!--动态设置文字大小-->
		<script>
			var iWidth = document.documentElement.clientWidth;
			document.getElementsByTagName('html')[0].style.fontSize = iWidth / 15 + 'px';
		</script>

	</head>
  <body>
  	<div id='header'>
   	    <div class="header-yi">
   	  	   <a href="javascript:void(0)" onClick="window.history.back(-1);"> <img src="img/2452.png" alt="" /></a>
   	    </div>
   	    <div class="header-er">订单详情</div>
   	    <div class="header-san">
   	  	    <img src="img/74275.png" alt="" />
   	    </div>
    </div>
    <c:set var="p" value="0" scope="session"/>
    <div id="section">
       <div id="main1"> 
    		<h1>订单编号：20170328123654</h1>
    		<div class="ding-pei">
    		  <div class="que-head">
   	  	 	        <div></div>
   	  	 	        <span>订单详情</span>
   	  	      </div>
   	  	      <div class="beikuang"></div>
    		  <ul>
    		  	<c:forEach var="foodOfOrder" items="${sessionScope.foodOfOrderList }">
	   	  	 		<li>
	   	  	 			<div>${foodOfOrder.food.foodName }</div>
	   	  	 			<p>${foodOfOrder.fooNumber }份</p>
	   	  	 			<span>￥${foodOfOrder.foodTotal }</span>
	   	  	 			<c:set var="p" value="${p+foodOfOrder.foodTotal }"/>
	   	  	 		</li>
    		  	</c:forEach>
   	  	 	  </ul>
    		</div>
    		<!--//优惠信息-->
   	  	 <div class="que-you">
   	  	 	<ul>
   	  	 		<li>
   	  	 			<div class="xin">新</div>
   	  	 			<p>新用户首单半价</p>
   	  	 			<span>-￥<c:set var="a" value="${p/2 }"/>${a }</span>
   	  	 		</li>
   	  	 		<li>
   	  	 			<div class="fan">返</div>
   	  	 			<p>配送延迟</p>
   	  	 			<span>-￥2</span>
   	  	 		</li>
   	  	 		<li>
   	  	 			<div class="quan">券</div>
   	  	 			<p>优惠券</p>
   	  	 			<span>-￥2</span>
   	  	 		</li>
   	  	 	</ul>
   	  	 	<div class="youhui-xia">
   	  	 		<div class="ding-zong">
   	  	 			<p>总价:</p>
   	  	 			<span>￥${p }</span>
   	  	 		</div>
   	  	 		<div class="xia-yi ding-yi">
   	  	 			<p>优惠:</p>
   	  	 			<span>￥${a+4 }</span>
   	  	 		</div>
   	  	 		<div class="xia-er">
   	  	 			<p>实付:</p>
   	  	 			<span>￥${p-a-4 }</span>
   	  	 		</div>
   	  	 	</div>	
   	  	 </div> 
   	  </div>
   	  <div class="beikuang1"></div>
   	  <div id="main2"> <!--//配送信息-->
   	  	  <div class="ding-song">
   	  	  	 <div class="que-head">
   	  	 	    <div></div>
   	  	 	    <span>配送信息</span>
   	  	     </div>
   	  	     <div class="beikuang"></div>
   	  	     <div class="que-zi">
   	  	     	<span>配送地址</span>
   	  	     	<div>
   	  	     		<span>${sessionScope.user.uName }</span>
   	  	     		<span>先生</span>
   	  	     		<span>13612345678</span>
   	  	     		<p>高新区XXX路xx楼xx单元</p>
   	  	     	</div>
   	  	     </div>
   	  	     <div class="song-sijian">
   	  	     	<span>送餐时间</span>
   	  	     	<p>12:50</p>
   	  	     </div>
   	  	     <div class="song-ren">
   	  	     	<span>配送人员</span>
   	  	     	<span>XXX</span>
   	  	     	<p>13612345678</p>
   	  	     </div>
   	  	  </div>    
   	  </div>
   	  <div class="beikuang1"></div>
   	  <div id="main2"> <!--//配送信息-->
   	  	  <div class="ding-song">
   	  	  	 <div class="que-head">
   	  	 	    <div></div>
   	  	 	    <span>订单时间</span>
   	  	     </div>
   	  	     <div class="beikuang"></div>
   	  	     <div class="song-sijian">
   	  	     	<span>下单时间</span>
   	  	     	<p>2017/03/24 10:25</p>
   	  	     </div>
   	  	     <div class="song-ren song-song">
   	  	     	<span>支付方式</span>
   	  	     	<p>微信支付</p>
   	  	     </div>
   	  	  </div>    
   	  </div>	  
    </div>  
    <div id="diahua"> <!--//拨打电话-->
   	  <div id="diahua-main">
   	  	 <div class="dianhua-head">
   	   	    <img src="img/20170329114004.png" alt="" />
   	   	    <span>拨打电话</span>
   	    </div>
   	    <div class="dianhua-main">
   	   	   <ul>
   	   	  	<li>配餐电话:13612345678</li>
   	   	  	<li>客服电话:0371-12345678</li>
   	   	   </ul>
   	     </div>
   	   <div class="dianhua-xiao">取消</div>
   	  </div>   	   
   </div>
   <script src="js/jquery-1.11.1.js" type="text/javascript"></script>  
   <script src="js/dianhua.js" type="text/javascript"></script>
  </body>
</html>
